﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>RocketsPocket | Contact</title>
 
    <meta name="author" content="Pham [7inpham@gmail.com] for RocketsPocket [w-cloud.appspot.com]" />
    <meta name="keywords" content=""
    />
 	<meta name="description" content=""
	/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
	<!-- [favicon] begin -->
    <link rel="shortcut icon" type="image/x-icon" href="images/icons/favicon.png" />
	<link rel="icon" type="image/x-icon" href="images/icons/favicon.png" />
	<!-- [favicon] end -->
	
    <!-- [template css] begin -->
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/960.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="css/cloud-zoom.css" type="text/css" media="screen, projection" />
	<!--[if IE]>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
    <![endif]-->
    <!-- [template css] end -->
    
	<!-- [JS] begin -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/jquery-lang.js" charset="utf-8" ></script>
	<script type="text/javascript" src="js/langpack/vi.js" charset="utf-8" ></script>
	<script type="text/javascript" src="js/cloud-zoom.1.0.2.min.js"></script>
	<!-- contact form validation -->
	<script type="text/javascript">
		window.lang = new jquery_lang_js();
		$(document).ready(function(){
			window.lang.run();
			$("#contactForm").validate({
				errorClass: "inputError",
				messages: {
					name: {
						required: ""				
					},
					email: {
						required: ""				
					}
				}
			});
			$("#langchang").draggable({
				opacity: 0.35
			});
			$("#nav").sortable();
			$("#nav").disableSelection();
			function toggleContact() {
				$("#contactForm").toggle("Puff");
			};
			$("#contactLink").click(toggleContact);
		});
	</script>
	<!-- [JS] end -->
	
</head>

<body class="body">
	<div class="container_12 language" id="langchang">
		<a href="javascript:window.lang.change('en');"><img src="images/icons/flags/United-Kingdom-Flag.png"></a>
		<a href="javascript:window.lang.change('vi');"><img src="images/icons/flags/Viet-Nam-Flag.png"></a>
		<div class="clear"></div>
	</div>
	<!-- START TOP SECTION -->
	<div class="container_12">
	
		<!-- START LOGO -->
		<div class="grid_4 header">
			<a href="index.htm"><img src="images/logo.png" alt="RocketsPocket" /></a>
		</div>
		<!-- END LOGO -->
   	 
		<!-- START NAVIGATION -->
   	  	<div class="grid_8 header">
   	  		<div id="navigation">
				<ul id="nav">
					<li id="home"><a href="index.htm" title="Home page" lang="en">Home</a></li>
					<li id="about"><a href="about.htm" title="About" lang="en">About</a></li>
					<li id="portfolio"><a href="portfolio.htm" title="Gallery" lang="en">Gallery</a></li>
					<li id="feature"><a href="rspx/index.html" title="Feature" lang="en">Feature</a></li>
					<li id="contact"><a href="contact.htm" title="Contact" class="currentPage" lang="en">Contact</a></li>
				</ul>
			</div>
		</div>
		<!-- END NAVIGATION -->
		
		<div class="clear"></div>
	</div>
	<!-- END TOP SECTION -->
   
	<!-- START MEDIUM SECTION -->
	<div class="container_12 medium">
	
		<!-- START GET IN TOUCH TEXT -->
   		<div class="grid_6">
	   		<div class="getTouch">
	   			<h2 lang="en">Get in <span class="orange">touch with me</span></h2>
	   			<p>
	   				Đang muốn làm gì đó, nhưng lại không biết phải làm gì đó. Một mớ hỗn độn, chưa rõ ràng, kiến thức
					. Thích truyện làm blog truyện... Có blog truyện rồi. Kệ cứ làm, của mình mình xài. Được cái host
					cũng kha khá, up gì thì up.
					<br/>Có Ai góp sức không.?
					<br/>Chúc thành công.
	   			</p>
	   			
	   		</div>
   		</div>
   		<!-- END GET IN TOUCH TEXT -->
   	
   		<!-- START MASCOTTE -->
	   	<div class="grid_6 mascotte">
   			<a href="images/contact/contact-big.jpg" class ="cloud-zoom" rel="adjustX: 10, adjustY:-4, softFocus:true">
				<img src="images/contact/contact-small.jpg" alt="Mascotte"/>
			</a>	
	   	</div>
	   	<!-- END MASCOTTE -->
   	  
		<div class="clear"></div>
		
	</div>
	<!-- END MEDIUM SECTION -->
 
	<!-- START BOTTOM SECTION -->
	<div class="container_12">
	
		<!-- START CONTACT FORM -->
		<div class="grid_6">
			<div class="contactForm">
	   			<h2 lang="en" id="contactLink">Send me a <span class="orange">message</span></h2>
					
				<form id="contactForm" action="rsprpc" method="post">					
					<div class="formContent">
						<input type="hidden" name="let" id="let" value="sendmail" />
						<label for="name" lang="en">Your name<span class="name">required*</span></label>					
						<input type="text" name="name" id="name" class="input required" value="" />			
						<label for="email" lang="en">Your email<span class="email">required*</span></label>
						<input type="text" name="email" id="email" class="input required" value="" />
												
						<fieldset>	
							<label class="optional" lang="en">Your phone</label>
							<input type="text" name="phone" id="phone" class="input" value="" />					
						</fieldset>					
				
						<textarea class="textarea" name="message" rows="10" cols="10" maxlength="1500"></textarea>
						<input type="submit" class="submit" value="send message" lang="en"/>									
					</div>
				</form>				
	   		</div>
		</div>
		<!-- END CONTACT FORM -->
	   	
		<!-- START CONTACT -->
	   	<div class="grid_6">
	   		<div class="skype">
	   			<h2 lang="en">You can <span class="orange">contact me</span> also by:</h2>
	   			<a href="#"><img src="images/contact/contact.gif.png" alt="Call me or contact me on skype" /></a>	
	   		</div>
	   		
	   		<!-- START SOCIAL -->
	   		<div id="social">
		   		<a href="#"><img src="images/icons/delicious.png" alt="My delicious account" /></a>	
	   			<a href="#"><img src="images/icons/linkedin.png" alt="My flickr account" /></a>
	   			<a href="#"><img src="images/icons/facebook.png" alt="My facebook account" /></a>
	   			<a href="#"><img src="images/icons/twitter.png" alt="My twitter account" /></a>
	   			<a href="#"><img src="images/icons/feed.png" alt="My feed" /></a>
   			</div>	
   			<!-- END SOCIAL -->
   			
	   	</div>
	   	<!-- END CONTACT -->
	   	
	   	<div class="clear"></div>
	</div>
	<!-- END BOTTOM SECTION -->
	
   	<div class="clear"></div>
   	
	<!-- START FOOTER -->
   	<div class="container_12">
	   	<p class="footer">
	   		Under developing 2012 by <strong>Pham</strong> <br/>
	   		RocketsPocket project - Two year researching 2012 2014 - <a href="mailto:7inpham@gmail.com" title="Contact me">Mail to me</a>                     
		</p>
	</div>
	<!-- END FOOTER -->
</body>
</html>